<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>奖补公示</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/mui.min.css" />
    <link rel="stylesheet" href="css/mui.picker.css" />
    <link rel="stylesheet" href="css/mui.poppicker.css" />
    <link rel="stylesheet" href="css/webfont.css" />
    <link href="css/css.css" rel="stylesheet" />
</head>

<body>
    <div class="container header">
        <div class="title"><img src="img/logo_min.png" alt="">温州市产业政策奖励兑现系统 <a href="personal.html" class="text-white float-right mr-1"><i class="fa fa-user-circle"></i></a> </div>
        <div class="district">
            <span id='choose' class="text-white">
                <i class="fa fa-map-marker"></i>
                鹿城区
                <i class="fa fa-sort-desc"></i>
            </span>
            <br>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="mui-input-row mui-search">
                    <input type="search" class="mui-input-clear" placeholder="搜索">
                </div>
            </div>
        </div>
        <div class="icomenu">
            <div class="row">
                <div class="col">
                    <a href="index.html" class="">
                        <div class="iconbox bg_green"><i class="fa fa-thumbs-up"></i></div>
                        <div>申报推荐</div>
                    </a>
                </div>
                <div class="col"><a href="hall.html" class="">
                        <div class="iconbox bg_red"><i class="fa fa-university"></i></div>
                        <div>申报大厅</div>
                    </a></div>
                <div class="col"> <a href="process.html" class="">
                        <div class="iconbox bg_orange"><i class="fa fa-tasks"></i></div>
                        <div>办理进度</div>
                    </a></div>
                <div class="col"> <a href="announce.html" class="">
                        <div class="iconbox bg_bgblue"><i class="fa fa-file-text"></i></div>
                        <div>奖补公示</div>
                    </a></div>
            </div>
        </div>
    </div>
    <div class="label"> <img src="img/logo_blue.png" alt=""> 奖补公示</div>
    <div class="container-fluid ">
        <div class="row selectmenu">
            <div class="col">
                <div href="" id="showUserPicker1" class="">全部适用对象 <i class="fa fa-sort-desc text-muted"></i></div>
            </div>
            <div class="col">
                <div class="" id="showUserPicker2">全部类别 <i class="fa fa-sort-desc text-muted"></i></div>
            </div>
        </div>
    </div>
    <div class="main announce">
        <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
            <li class="mui-table-view-cell">
                <div class="mui-table">
                    <div class="mui-table-cell mui-col-xs-10">
                        <div class="mui-ellipsis">温州聚星科技股份有限公司</div>
                        <p class="mui-h6 mui-ellipsis">市级制造业创新中心、企业技术中心奖励</p>
                    </div>
                    <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                        <span class="blue">公示中</span>
                        <h5 class="red">10000元</h5>
                    </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-table">
                    <div class="mui-table-cell mui-col-xs-10">
                        <div class="mui-ellipsis-2">华联机械集团有限公司</div>
                        <p class="mui-h6 mui-ellipsis">市级制造业创新中心、企业技术中心奖励</p>
                    </div>
                    <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                        <span class="blue">公示中</span>
                        <h5 class="red">10000元</h5>
                    </div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-table">
                    <div class="mui-table-cell mui-col-xs-10">
                        <div class="mui-ellipsis-2">温州聚星科技股份有限公司</div>
                        <p class="mui-h6 mui-ellipsis">市级制造业创新中心、企业技术中心奖励</p>
                    </div>
                    <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                        <span class="blue">公示中</span>
                        <h5 class="red">10000元</h5>
                    </div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-table">
                    <div class="mui-table-cell mui-col-xs-10">
                        <div class="mui-ellipsis-2">温州聚星科技股份有限公司</div>
                        <p class="mui-h6 mui-ellipsis">市级制造业创新中心、企业技术中心奖励</p>
                    </div>
                    <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                        <span class="blue">公示中</span>
                        <h5 class="red">10000元</h5>
                    </div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-table">
                    <div class="mui-table-cell mui-col-xs-10">
                        <div class="mui-ellipsis-2">华联机械集团有限公司</div>
                        <p class="mui-h6 mui-ellipsis">市级制造业创新中心、企业技术中心奖励</p>
                    </div>
                    <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                        <span class="blue">公示中</span>
                        <h5 class="red">10000元</h5>
                    </div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-table">
                    <div class="mui-table-cell mui-col-xs-10">
                        <div class="mui-ellipsis-2">华联机械集团有限公司</div>
                        <p class="mui-h6 mui-ellipsis">市级制造业创新中心、企业技术中心奖励</p>
                    </div>
                    <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                        <span class="blue">公示中</span>
                        <h5 class="red">10000元</h5>
                    </div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-table">
                    <div class="mui-table-cell mui-col-xs-10">
                        <div class="mui-ellipsis-2">温州聚星科技股份有限公司</div>
                        <p class="mui-h6 mui-ellipsis">市级制造业创新中心、企业技术中心奖励</p>
                    </div>
                    <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                        <span class="blue">公示中</span>
                        <h5 class="red">10000元</h5>
                    </div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-table">
                    <div class="mui-table-cell mui-col-xs-10">
                        <div class="mui-ellipsis-2">信息化推进办公室张彦付款</div>
                        <p class="mui-h6 mui-ellipsis">市级制造业创新中心、企业技术中心奖励</p>
                    </div>
                    <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                        <span class="blue">公示中</span>
                        <h5 class="red">10000元</h5>
                    </div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-table">
                    <div class="mui-table-cell mui-col-xs-10">
                        <div class="mui-ellipsis-2">华联机械集团有限公司</div>
                        <p class="mui-h6 mui-ellipsis">市级制造业创新中心、企业技术中心奖励</p>
                    </div>
                    <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                        <span class="blue">公示中</span>
                        <h5 class="red">10000元</h5>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/mui.min.js"></script>
<script src="js/mui.picker.js"></script>
<script src="js/mui.poppicker.js"></script>
<script>
(function($, doc) {
    $.init();
    $.ready(function() {
        /**
         * 获取对象属性的值
         * 主要用于过滤三级联动中，可能出现的最低级的数据不存在的情况，实际开发中需要注意这一点；
         * @param {Object} obj 对象
         * @param {String} param 属性名
         */
        var _getParam = function(obj, param) {
            return obj[param] || '';
        };
        //普通示例
        var userPicker = new $.PopPicker();
        userPicker.setData([{
            value: 'lcq',
            text: '鹿城区'
        }, {
            value: 'lwq',
            text: '龙湾区'
        }, {
            value: 'ohq',
            text: '瓯海区'
        }, {
            value: 'dtq',
            text: '洞头区'
        }, {
            value: 'ras',
            text: '瑞安市'
        }]);
        var showUserPickerButton = doc.getElementById('choose');
        var userResult = doc.getElementById('userResult');
        showUserPickerButton.addEventListener('tap', function(event) {
            userPicker.show(function(items) {
                userResult.innerText = JSON.stringify(items[0]);
                //返回 false 可以阻止选择框的关闭
                //return false;
            });
        }, false);

    });
})(mui, document);

(function($, doc) {
    $.init();
    $.ready(function() {
        /**
         * 获取对象属性的值
         * 主要用于过滤三级联动中，可能出现的最低级的数据不存在的情况，实际开发中需要注意这一点；
         * @param {Object} obj 对象
         * @param {String} param 属性名
         */
        var _getParam = function(obj, param) {
            return obj[param] || '';
        };
        //普通示例
        var userPicker = new $.PopPicker();
        userPicker.setData([{
            value: '01',
            text: '全部'
        }, {
            value: '02',
            text: '行政事业单位'
        }, {
            value: '03',
            text: '其他组织'
        }, {
            value: '04',
            text: '个人'
        }]);
        var showUserPickerButton = doc.getElementById('showUserPicker1');
        var userResult = doc.getElementById('userResult');
        showUserPickerButton.addEventListener('tap', function(event) {
            userPicker.show(function(items) {
                userResult.innerText = JSON.stringify(items[0]);
                //返回 false 可以阻止选择框的关闭
                //return false;
            });
        }, false);
    });
})(mui, document);

(function($, doc) {
    $.init();
    $.ready(function() {
        /**
         * 获取对象属性的值
         * 主要用于过滤三级联动中，可能出现的最低级的数据不存在的情况，实际开发中需要注意这一点；
         * @param {Object} obj 对象
         * @param {String} param 属性名
         */
        var _getParam = function(obj, param) {
            return obj[param] || '';
        };

        //普通示例
        var userPicker = new $.PopPicker();
        userPicker.setData([{
            value: '00',
            text: '全部'
        }, {
            value: '01',
            text: '抗疫惠企'
        }, {
            value: '02',
            text: '“两个健康”'
        }, {
            value: '03',
            text: '服务业'
        }, {
            value: '04',
            text: '人才'
        }, {
            value: '05',
            text: '工业'
        }, {
            value: '06',
            text: '农业'
        }, {
            value: '07',
            text: '开放型经济'
        }]);
        var showUserPickerButton = doc.getElementById('showUserPicker2');
        var userResult = doc.getElementById('userResult');
        showUserPickerButton.addEventListener('tap', function(event) {
            userPicker.show(function(items) {
                userResult.innerText = JSON.stringify(items[0]);
                //返回 false 可以阻止选择框的关闭
                //return false;
            });
        }, false);

    });
})(mui, document);
</script>

</html>